<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>美团外卖</title>

    <link rel="stylesheet" href="swiper-4.5.0/swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/shouye.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="warper">
    <!--头部开始-->
    <header id="head">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light">
  <a class="navbar-brand" href="#">
                <img src="img/shouye-37.png" alt="" id="img1">
                <img src="img/shouye-1.png" alt="" class="img2">
                </a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#" id="nav">首页<span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="page/ruzhujiameng.html" id="nav">入驻加盟</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="page/kaifangpingtai.html" id="nav">开放平台</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="page/shehuizeren.html" id="nav">社会责任</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-link" href="#" id="nav">点外卖</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-link" href="#" id="nav">下载手机版</a>
      </li>
    </ul>
  </div>
</nav>
        </div>
    </header>
    <!--头部结束-->
    <!--中间部分开始-->
    <section>
        <!--中间的第一部分开始-->
        <div class="waimai clearfix">
            <div class="bg">
        
                <div class="swiper-container2">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="img/shouye-36.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="img/shouye-2.png" alt="">
                        </div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>

                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>    
                </div> 
            
            </div>
            <!--三个-->
            <div class="lhh asd">
                <div class="container">
                    <ul class="ul-1">
                        <li class="one-li">
                            <a href="">
                                <i class="fas fa-store"></i>
                                <h3>我要入驻 ></h3>
                                <p>商家、配送、城市代理、服务市场</p>
                            </a>
                        </li>
                        <li class="two-li">
                            <a href="">
                                <i><img src="img/dev-icon.png" alt=""></i>
                                <h3>开发者接入 ></h3>
                                <p>外卖、餐饮开放平台</p>
                            </a>
                        </li>
                        <li class="three-li">
                            <a href="">
                                <i class="fas fa-utensils"></i>
                                <h3>我要点外卖 ></h3>
                                <p>快捷下单，一键点餐 </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--中间的第一部分结束-->

        <!--中间的第二部分开始-->
        <div class="service clearfix">
            <div class="container">
                <div class="service-top">
                    <img src="img/shouye-4.png" alt="" id="service-img">
                </div>
                <div class="service-bottom">
                    <div class="left">
                        <h3>品类全覆盖，应有尽有</h3>
                        <ul>
                            <li class="li-1 active">
                                <img src="img/shouye-6.png" alt="">
                                <h4>美食 Delicacy</h4>
                                <span></span>
                                <p>大牌优惠</p>
                            </li>
                            <li>
                                <img src="img/shouye-7.png" alt="">
                                <h4>甜点饮品 Desserts&Drinks</h4>
                                <span></span>
                                <p>幸福甜蜜</p>
                            </li>
                            <li>
                                <img src="img/shouye-8.png" alt="">
                                <h4>水果生鲜 Fresh foods</h4>
                                <span></span>
                                <p>新鲜速达</p>
                            </li>
                            <li>
                                <img src="img/shouye-9.png" alt="">
                                <h4>超市便利 Supermarket</h4>
                                <span></span>
                                <p>优惠促销</p>
                            </li>
                        </ul>
                    </div>
                    <div class="right">
                        <div><img src="img/shouye-5.png" alt="" class="img1"></div>
                        <div class="hide"><img src="img/shouye-6.png" alt="" class="img1"></div>
                        <div class="hide"><img src="img/shouye-7.png" alt="" class="img1"></div>
                        <div class="hide"><img src="img/shouye-8.png" alt="" class="img1"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--中间的第二部分结束-->
        <!--中间的第三部分开始-->
        <div class="youxiu ">
            <div class="container">
                <div class="top">
                    <img src="img/shouye-10.png" alt="">
                </div>
                <div class="bottom">
                    <div class="swiper-bg"></div>
                    <div class="swiper-container lubo">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" >
                                <div class="s-1 clearfix">
                                    <div class="text">
                                        <p>
                                            <img src="img/shouye-12.png" alt="">
                                            美团外卖骑手人物：徐振
                                        </p>
                                        <h4>平凡之路上的英雄梦</h4>
                                        <p>
                                            我觉得自从成了美团众包骑手之后，遇到了很多有趣新奇的人和事。以前我的生活比较单调，上班、回家两
                                            点一线。加入美团众包后，认识了许多朋友，帮助了一些人也得到了一些人的帮助。美团众包，为我的生活
                                            打开了一扇新的大门。我喜欢它的弹性、自由，让我对生活有了更多的掌控......
                                        </p>
                                        <a href="" class="chakan">查看详细</a>
                                    </div>
                                    <div class="img-1">
                                        <img src="img/shouye-13.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="s-1 clearfix">
                                    <div class="text">
                                        <p>
                                            <img src="img/shouye-12.png" alt="">
                                            美团外卖骑手人物：李君
                                        </p>
                                        <h4>为减肥而成为美团兼职骑手，后来副业变“主业”</h4>
                                        <p>
                                            李君是11位骑手中的一位，来自内蒙古包头市，他近三个月的准时率平均达到
                                            了99.9%，满意度100。当问到他知道自己可以去俄罗斯看世界杯时是什么心
                                            情，李君说接到电话刚开始不敢相信，后来反应过来就直接飞奔回家拿上身份
                                            证就去办加急护照了。开心激动的心情久久难平复……
                                        </p>
                                        <a href="" class="chakan">查看详细</a>
                                    </div>
                                    <div class="img-1">
                                        <img src="img/shouye-14.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="s-1 clearfix">
                                    <div class="text">
                                        <p>
                                            <img src="img/shouye-12.png" alt="">
                                            美团服务市场
                                        </p>
                                        <h4>米粉面馆接入经营助手服务，收入增幅达51.52%</h4>
                                        <p>
                                            开一家店有多操心？加盟、选址、经营、管理到真正赚钱，期间的辛苦只有每
                                            家店老板才深有体会。美团服务市场聚集垂直领域优质服务商，打造一站式服
                                            务生态！从新店开业到老店升级、从店铺装修到营销托管、从食材供应到金融
                                            服务等，为所有商家提供店铺经营全方位服务，解决经营所遇难题，助力轻松
                                            做生意。
                                        </p>
                                        <a href="" class="chakan">查看详细</a>
                                    </div>
                                    <div class="img-1">
                                        <img src="img/shouye-15.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--中间的第三部分结束-->

        <!--中间的第四部分开始-->
        <div class="meiti">
            <div class="container">
                <div class="mt-top">
                    <img src="img/shouye-16.png" alt="">
                </div>
                <div class="mt-bottom">
                    <div class="bg-1"></div>
                    <div class="lb" style="height:530px;overflow: hidden;">
                        <div class="swiper-container1">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <!--第一个-->
                                    <div class="mt-1">
                                        <div class="top-img">
                                            <img src="img/shouye-17.png" alt="">
                                        </div>
                                        <div class="bottom-text">
                                            <h3>保障骑手安心无忧送餐路 美团外卖首发《骑手生活安全指南》</h3>
                                            <span></span>
                                            <p>
                                                随着大众餐饮消费升级，外卖行业发展迅速。
                                                数据显示，2017年美团外卖日完成订单量突
                                                破2100万单，稳居行业第一，成绩背后离......
                                            </p>
                                            <a href="" class="chakan">查看详情</a>
                                        </div>
                                    </div>
                                </div>
                                <!--第二个-->
                                <div class="swiper-slide">
                                    <div class="mt-1">
                                        <div class="top-img">
                                            <img src="img/shouye-18.png" alt="">
                                        </div>
                                        <div class="bottom-text">
                                            <h3>
                                                MINISO名创优品正式入驻美团闪购 时尚单品30分钟送达
                                            </h3>
                                            <span></span>
                                            <p>
                                                美团闪购与设计师品牌MINISO名创优品共同
                                                发布消息，双方即日起正式开展品牌合作，
                                                名创优品在北京、上海、广州、深圳四大城市......
                                            </p>
                                            <a href="" class="chakan">查看详情</a>
                                        </div>
                                    </div>
                                </div>
                                <!--第三个-->
                                <div class="swiper-slide">

                                    <div class="mt-1">
                                        <div class="top-img">
                                            <img src="img/shouye-19.png" alt="">
                                        </div>
                                        <div class="bottom-text">
                                            <h3>
                                                专业食品安全检测团队进驻美团点评 从此舌尖安全有他们守护
                                            </h3>
                                            <span></span>
                                            <p>
                                                外卖订餐平台对合作商户的食品安全监察力度
                                                再次加码。近日,美团点评先后与检科测试集
                                                团有限公司、中农孚德检测技术(北京)有限......
                                            </p>
                                            <a href="" class="chakan">查看详情</a>
                                        </div>
                                    </div>
                                </div>
                                <!--第四个-->
                                <div class="swiper-slide">
                                    <div class="mt-1">
                                        <div class="top-img">
                                            <img src="img/shouye-20.png" alt="">
                                        </div>
                                        <div class="bottom-text">
                                            <h3>

                                                Trustdata发布2018上半年外卖份额数据 美团饿了么百度“631”格局三分天下
                                            </h3>
                                            <span></span>
                                            <p>
                                                报告显示，美团外卖以59%的市场交易额
                                                领跑行业，相当于饿了么与百度外卖市场
                                                交易额之和的1.5倍，互联网外卖行业呈现出明显.....
                                            </p>
                                            <a href="" class="chakan">查看详情</a>
                                        </div>
                                    </div>
                                </div>
                                <!--第五个-->
                                <div class="swiper-slide">
                                    <div class="mt-1">
                                        <div class="top-img">
                                            <img src="img/shouye-21.png" alt="">
                                        </div>
                                        <div class="bottom-text">
                                            <h3>
                                                美团上线闪购业务 以“快”破局助力零售升级
                                            </h3>
                                            <span></span>
                                            <p>
                                                7月18日，美团点评举办“以快破局?助力零
                                                售升级” 2018美团闪购发布会，正式上线
                                                美团闪购业务，涵盖超市便利、生鲜果蔬、鲜......
                                            </p>
                                            <a href="" class="chakan">查看详情</a>
                                        </div>
                                    </div>
                                </div>
                                <!--第六个-->
                                <div class="swiper-slide">
                                    <div class="mt-1">
                                        <div class="top-img">
                                            <img src="img/shouye-22.png" alt="">
                                        </div>
                                        <div class="bottom-text">
                                            <h3>
                                                美团城市新青年 外卖骑手正能量图鉴
                                            </h3>
                                            <span></span>
                                            <p>
                                                一个时代的性格，是青年代表的性格；一个时
                                                代的精神，是青年代表的精神。美团外卖骑手
                                                群体正是一群努力学习提升自我，努力拼搏.......
                                            </p>
                                            <a href="" class="chakan">查看详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                    <div class="nd">
                        <h3>
                            2018年度媒体报道
                        </h3>
                        <ul>
                            <li>
                                <a href="">
                                    <img src="img/shouye-24.png" alt="">
                                    保障骑手安心无忧送餐路 美团外卖首发
                                    <span>
                                        《骑手生活安全指南》
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="img/shouye-25.png" alt="">MINISO名创优品正式入驻美团闪购 
                                    <span>
                                        时尚单品30分钟送达
                                    </span>
                                </a>
                            </li>
                            <li>
                            <a href="">
                                <img src="img/shouye-27.png" alt="">专业食品安全检测团队进驻美团点评
                                <span>
                                    从此舌尖安全有他们守护
                                </span>
                            </a>
                            </li>
                            <li>
                            <a href="">
                                 <img src="img/shouye-28.png" alt="">Trustdata发布2018上半年外美团饿了么
                                 <span>
                                     百度“631”格局......
                                 </span>
                            </a>
                            </li>
                            <li>
                            <a href="">
                                <img src="img/shouye-26.png" alt="">美团上线闪购业务 以“快”破局助力零售升级
                            </a>
                            </li>
                            <li>
                            <a href="">
                             <img src="img/shouye-29.png" alt="">美团城市新青年 外卖骑手正能量图鉴
                            </a>
                            </li>
                        </ul>
                        <a href="" class="qb">
                            全部报道 <img src="img/shouye-30.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!--中间的第四部分结束-->

    </section>
    <!--中间部分结束-->
    <!--脚部-->
    <footer>
        <div class="pq">
            <div class="container">
                <div class="left">
                    <ul>
                        <li><a href="">开放平台</a></li>
                        <li><a href="">媒体报道</a></li>
                        <li><a href="">资质规则</a></li>
                        <li><a href="">入驻加盟</a></li>
                    </ul>
                    <ul>
                        <li><a href="">常见问题</a></li>
                        <li><a href="">用户反馈</a></li>
                        <li><a href="">诚信举报</a></li>
                        <li><a href="">加入我们</a></li>
                    </ul>
                </div>
                <div class="right">
                    <div class="pq-1">
                        <h3>品牌合作</h3>
                        <p>wpbg.marketing@meituan.com</p>
                        <h3 class="right-h3">客服 1010-9777</h3>
                        <p>
                            周一至周日 9:00~23:00<br/>
                            客服不受理商务合作
                        </p>
                    </div>
                    <div class="hz">
                        <h3>更多商家，更多优惠</h3>
                        <img src="img/shouye-31.png" alt="">
                        <img src="img/shouye-32.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
            <div class="container">
                <p>
                &copy; meituan.com 京ICP证070791号
                <img src="img/shouye-33.png" alt="">京公网安备11010502025545号
            </p>
            </div>
        </div>

    </footer>
    <div class="Top">
        <div class="top-1">
            <i class="fas fa-angle-up"></i>
            <p>顶部</p>
        </div>
        <div class="top-2">
            <p>美团外卖App</p>
            <a href=""><img src="img/shouye-34.png" alt=""></a>
        </div>
        <div class="top-3">
            <p>美团外卖小程序</p>
            <a href=""><img src="img/shouye-35.png" alt=""></a>
        </div>
    </div>
</div>
<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>

<script src="swiper-4.5.0/swiper-4.5.0/dist/js/swiper.min.js"></script>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>